<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>= Slider =</title>
		<script type="text/javascript" src="../FWK/Package.js"></script>
		<script type="text/javascript">
			FWK.include("FWK.Misc.coord");
			FWK.include("FWK.Util.Dragable");
			FWK.include("FWK.UI.Slider");
		</script>
	</head>
	<style>
		/*div {border:1px solid red}*/
		.slider {padding:0px; background:pink; line-height:5px; height:0px; display:block; height:10px; width:10px;}
		.bar {width:300px; height:10px; background:green}
		.bar1 {width:10px; height:300px; background:blue}
	</style>
	<body>
		
		
		
		_player_slider_player_slider_player_slider_player_slider
		
		
		_player_slider
		
		_player_slider
		<div id="cot"></div>
		<div id="val">0</div>
		<div id="cos"></div>
		<script type="text/javascript">
			var sld = new FWK.UI.Slider({
				bar:{className:"bar"},
				slider:{className:"slider", "style.cursor":"default"},
				step:5,
				defaultValue:125,
				min:100,
				max:255
			},{
				onmousemove:function(v) {
//					alert("haha")
					$("val").innerHTML = v;
				},
				onmousedown:function(v) {
//					alert(v)
				}
				
			});
			sld.renderTo($("cot"));
			
			var sld1 = new FWK.UI.Slider({
				bar:{className:"bar1"},
				slider:{className:"slider", "style.cursor":"default"},
				isVertical:true,
				step:5,
				defaultValue:125,
				min:100,
				max:255
			},{
				onmousemove:function(v) {
//					alert("haha")
					$("val").innerHTML = v;
				},
				onmousedown:function(v) {
//					alert(v)
				}
				
			});
			sld1.renderTo($("cot"));
		</script>
	</body>
</html>